<script>
export default {
  setup(){
      // 1. 执行时机比 beforeCreate 还早，setup 可以理解为组件的预设
    console.log('setup');
    // 2. 可以返回一个对象，返回的数据可以在 template 中使用
    return{
      msg:'数据'
    }
  },
  beforeCreate(){
    console.log('beforeCreate');

  },
}
</script>
<template>
  <h1>hello vue3</h1>
  <h2>{{ msg }}</h2>
  <p>真棒</p>
  <button @click="changeMsg()">点击按钮</button>
</template>
<style></style>
